<template>
    <div>
        <h2>setup函数</h2>
    </div>
</template>
<!-- 
1、setup函数 
   setup函数是conpositionApi的入口函数，所有响应式变量及方法都可以在这个函数中定义，它在组件实例创建之前执行
-->
<script name="setup" lang="ts">

// import { ref } from 'vue';
// export default {
//   setup() {
//     const count = ref(0);
//     function increment() {
//       count.value++;
//     }
//     return {
//       count,
//       increment
//     };
//   }
// };

import {ref,defineComponent} from 'vue'
export default defineComponent({
  setup(){
    const count =ref<number>(1)
    function increment(): void {
      count.value++;
    }
    return {
      count,
      increment,
    }
  }
})
</script>
<style scoped lang="less"></style>